<template>
  <div>
   <!-- <header>hs----
<slot name="header"></slot>
hd---
   </header>
   <main>
    ms---
    <slot name="main"></slot> -->
    <slot :user="user">

  </slot>
  {{user}}
    <!-- md--- -->
   <!-- </main>
   <footer>
    fs
    <slot name="footer"></slot>
    fd
   </footer> -->
  </div>
</template>

<script>
export default {
  data () {
    return {
      // user: {
      //   name: '张三',
      //   age: 18
      // }
    }
  },
  props: ['user']
}
</script>

<style lang="scss" scoped>

</style>
